<!--  项目在线评审列表 -->
<template>
  <vxe-modal class-name="rk-modal rk-projsort-modal"
    resize
    transfer
    show-zoom
    fullscreen
    destroyOnClose
    v-model="visible"
    width="1000"
    height="600"
    :z-index="1002"
    min-width="460"
    min-height="320"
    @close="handleClose">
    <template #title>
      <span w-xs
        style="margin-right: 10px;">任务名称: 暂无</span>
      <span w-xs>项目名称: 暂无</span>
    </template>
    <template #default>
      <RkContainer :isFooter="false"
        :isAside=false
        v-show="!loading">
        <template #header_left></template>
        <template #header_right>
          <el-button type="primary"
            @click="handleClose">返回项目列表</el-button>
        </template>
        <template #main>
          <rk-condition>
            <template #content>
              <rk-grid ref="expertRatingList"
                class="rk-projsort-table"
                dataUrl="/reviewtask/page"
                boxConfig
                :params="queryParams"
                :columns="tableColumns">
              </rk-grid>
            </template>
          </rk-condition>
        </template>
      </RkContainer>
    </template>
  </vxe-modal>
</template>
<script setup>
import { reserveProHandleTask } from "@/api/api-project";

const { appContext } = getCurrentInstance();
const globalProxy = appContext.config.globalProperties;
const expertRatingList = ref('')
const emits = defineEmits([
  'close'
])

// 查询参数
let queryParams = reactive({
  wfStatus: '001',
  status: undefined,
  mhcx: undefined,
  bondTypeCode: 1,    // 债券类型测试数据 1、一般 2、专项
  nodeId: 'node_1',  //填报测试数据
  processKey: 'PRO_CBK', //测试数据
  adCode: '2300', //'321005'
  agCode: undefined,
  agId: undefined,
  dw: 2
})

// ----- 弹窗相关操作
// 是否展示弹窗
const visible = ref(false)
// 是否加载中
const loading = ref(false)
// 表单回显数据
const echoFormData = ref({})
// 打开加载中
const openLoading = ref({})

const tableColumns = ref([
  { field: 'setupYear', title: '姓名', width: 180 },
  { field: 'agencyName', title: '性别', width: 150 },
  { field: 'fundInvestAreaCode', title: '年龄', width: 250 },
  { field: 'totalBudget', title: '所属机构', width: 200, align: 'right' },
  { field: 'proStatusName', title: '职务', width: 150 },
  { field: 'startDate', title: '手机号码', width: 150 },
  { field: 'endDate', title: '身份证号码', width: 150 },
  { field: 'proNum', title: '评审结果（是否满足发债要求）', width: 150 },
  { field: 'opinion', title: '评分结果', width: 150 },
])

/**查询 */
const handleSearch = () => {
  expertRatingList.value.searchEvent()
}

/**
 * 打开弹窗
 * @param {Object} config 配置信息
 */
const handleOpen = async (config) => {
  visible.value = true
}
/**
 * 关闭弹窗
 */
const handleClose = () => {
  handleReset()
}
/**
 * 重置数据
 */
const handleReset = () => {
  visible.value = false
  loading.value = false
}

// 对外暴露方法
defineExpose({
  handleOpen
})
</script>

<style lang="scss" scoped>
</style>